﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../Styles/LayoutStyleSheet.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/BoozePortThems.css" rel="stylesheet" type="text/css" />
    <link href="../Styles/Dashboard.css" rel="stylesheet" type="text/css" />
</head>
<body style="font-family: Trebuchet MS; background: rgba(0,0,0,.1)">
    <div id="header">
        <div id="Logo" style="float: left; margin: 8px 0 0 75px;outline:none">
                <a href="../Index.htm" style="outline:none">
                    <img src="../Images/BoozeLogo.jpg" /></a>
            </div>
        <div id="NavMenu" style="float: right">
            <ul id="menu">
                <li><a href="../Index.htm#Home">Home</a></li>
                <li><a href="../Index.htm#Feature">Feature</a></li>
                <li><a href="../Index.htm#About">About</a></li>
                <li><a href="../Index.htm#Team">Team</a></li>
                <li><a href="../Index.htm#Testimonial">Testimonial</a></li>
                <li><a href="../Index.htm#ContactUs">Contact Us</a></li>
                <li><a href="../Index.htm#Adds">Adds</a></li>
            </ul>
        </div>
    </div>
    <div id="Clear" style="clear: inherit">
    </div>
    <div id="DivDashboard" style="margin: auto; width: 1100px">
        <div style="border: 0px solid gary; height: 500px; box-shadow: 0 0 0px rgba(0,0,0,.2);
            border-radius: 0px; padding: 5px; margin-top: 30px">
            <h2>
                Instutions Dashboard</h2>
            <hr style="box-shadow: 0 0 3px rgba(0,0,0,.2); margin-top: px" />
            <br />
            <div id="DivActivity" style="width: 300px; height: auto; float: left; background: #FFFFFF;
                border-radius: 3px;">
                <h2 style="height: 26px; padding: 5px; text-align: center; background: #32A3CF; font-family: Trebuchet MS;
                    font-size: 18px; color: #fff; border-radius: 3px">
                    ACTIVITY</h2>
                <div style="padding: 5px">
                    <table cellspacing="5">
                        <tr>
                            <td valign="middle">
                                <div class="ActivityTextHover">
                                    <div style="float: left;">
                                        <img src="../Images/Img06.jpg" class="PeopleLiked" />
                                    </div>
                                    <div style="float: left; padding: 0px 5px 5px 5px">
                                        <p style="color: #32A3CF">
                                            Pitter</p>
                                        <p style="margin-top: 5px">
                                            Posted a status update</p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle">
                                <div class="ActivityTextHover">
                                    <div style="float: left;">
                                        <img src="../Images/Img07.jpg" class="PeopleLiked" />
                                    </div>
                                    <div style="float: left; padding: 0px 5px 5px 5px">
                                        <p style="color: #32A3CF;">
                                            Jairus</p>
                                        <p style="margin-top: 5px">
                                            Likes Guinness Heritage Beers
                                        </p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle">
                                <div class="ActivityTextHover">
                                    <div style="float: left;">
                                        <img src="../Images/Img05.jpg" class="PeopleLiked" />
                                    </div>
                                    <div style="float: left; padding: 0px 5px 5px 5px">
                                        <p style="color: #32A3CF">
                                            Sachin</p>
                                        <p style="margin-top: 5px">
                                            Updated his profile</p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle">
                                <div class="ActivityTextHover">
                                    <div style="float: left;">
                                        <img src="../Images/Img04.jpg" class="PeopleLiked" />
                                    </div>
                                    <div style="float: left; padding: 0px 5px 5px 5px">
                                        <p style="color: #32A3CF">
                                            Jennifer
                                        </p>
                                        <p style="margin-top: 5px">
                                            Posted a status update</p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle">
                                <div class="ActivityTextHover">
                                    <div style="float: left;">
                                        <img src="../Images/Img03.jpg" class="PeopleLiked" />
                                    </div>
                                    <div style="float: left; padding: 0px 5px 5px 5px">
                                        <p style="color: #32A3CF">
                                            Karn</p>
                                        <p style="margin-top: 5px">
                                            Likes Guinness Heritage Beers
                                        </p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle">
                                <div class="ActivityTextHover">
                                    <div style="float: left;">
                                        <img src="../Images/Img01.jpg" class="PeopleLiked" />
                                    </div>
                                    <div style="float: left; padding: 0px 5px 5px 5px">
                                        <p style="color: #32A3CF">
                                            Sally Smith</p>
                                        <p style="margin-top: 5px">
                                            Update her profile</p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle">
                                <div class="ActivityTextHover">
                                    <div style="float: left;">
                                        <img src="../Images/Img02.jpg" class="PeopleLiked" />
                                    </div>
                                    <div style="float: left; padding: 0px 5px 5px 5px">
                                        <p style="color: #32A3CF">
                                            Taylor LeCroy</p>
                                        <p style="margin-top: 5px">
                                            Posted a status update</p>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <div id="DivEvents">
                <table>
                    <tr>
                        <td>
                            <div id="DivEventOne" class="TextEffect">
                                <h2 style="height: 26px; padding: 5px; text-align: center; background: #32A3CF; font-family: Trebuchet MS;
                                    font-size: 18px; color: #fff; border-radius: 3px">
                                    EVENTS</h2>
                                <div style="padding: 10px">
                                    <p style="text-align: left; font-weight: bold; color: Orange">
                                        Media Night
                                    </p>
                                    Ongoing<br />
                                    Sun 9:00 PM to 11:30 PM<br />
                                    Inviting all the Media Professionals to have a great time partying @ Quote Bar !
                                    <br />
                                </div>
                                <div style="margin-top: 0px; margin-left: 10px">
                                    <table cellspacing="5">
                                        <tr>
                                            <td>
                                                <div style="margin-top: -5px">
                                                    <img src="../Images/ImgShareButton/like.png" alt="fdkjkdflsj" style="height: 35px;
                                                        width: 35px" />
                                                </div>
                                            </td>
                                            <td>
                                                <span>266</span>
                                            </td>
                                            <td>
                                                <img src="../Images/ImgShareButton/View.png" style="height: 30px; width: 30px" />
                                            </td>
                                            <td>
                                                <span>483</span>
                                            </td>
                                            <td>
                                                <img src="../Images/ImgShareButton/Comment_Icon.png" style="height: 30px; width: 30px" />
                                            </td>
                                            <td>
                                                <span>20</span>
                                            </td>
                                        </tr>
                                        <tr>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div id="DivNotifications" class="TextEffect">
                                <h2 style="height: 26px; padding: 5px; text-align: center; background: #32A3CF; font-family: Trebuchet MS;
                                    font-size: 18px; color: #fff; border-radius: 3px">
                                    NOTIFICIATION</h2>
                                <div style="padding: 10px">
                                    <img src="../Images/NotificationIconOne.png" style="margin: 10px 0px 0px 100px" width="80px"
                                        height="80px" />
                                    <div style="margin: 5px 0px 0px 60px">
                                        You have 3 notifications</div>
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
                <table style="margin-top: 40px;">
                    <tr>
                        <td>
                            <div class="TextEffect">
                                <h2 style="height: 26px; padding: 5px; text-align: center; background: #32A3CF; font-family: Trebuchet MS;
                                    font-size: 18px; color: #fff; border-radius: 3px">
                                    CAMPAIGN</h2>
                                <div style="padding: 10px">
                                    Mars Bar says <strong>'Put some play in your day'</strong> in fun new campaign via
                                    Clemenger BBDO, Delhi
                                </div>
                                <div style="margin-top: 35px; margin-left: 10px">
                                    <table cellspacing="5">
                                        <tr>
                                            <td>
                                                <div style="margin-top: -5px">
                                                    <img src="../Images/ImgShareButton/like.png" alt="fdkjkdflsj" style="height: 35px;
                                                        width: 35px" />
                                                </div>
                                            </td>
                                            <td>
                                                <span>821</span>
                                            </td>
                                            <td>
                                                <img src="../Images/ImgShareButton/View.png" style="height: 30px; width: 30px" />
                                            </td>
                                            <td>
                                                <span>667</span>
                                            </td>
                                            <td>
                                                <img src="../Images/ImgShareButton/Comment_Icon.png" style="height: 30px; width: 30px" />
                                            </td>
                                            <td>
                                                <span>10</span>
                                            </td>
                                        </tr>
                                        <tr>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="HappyHoursText">
                                <h2 style="height: 26px; padding: 5px; text-align: center; background: #32A3CF; font-family: Trebuchet MS;
                                    font-size: 18px; color: #fff; border-radius: 3px">
                                    HAPPY HOURS</h2>
                                <div style="padding: 10px">
                                    <div style="margin-left: 0px; margin-bottom: 5px; font-size: 14; font-weight: bold;
                                        color: #990000">
                                        The Humming Tree, till August 25
                                    </div>
                                    Rooftops, Live Music, Cocktail Bars, in Koramangala,Bangalore.
                                </div>
                                <div style="padding: 10px;">
                                    <div style="margin-left: 0px; margin-bottom: 5px; font-size: 14; font-weight: bold;
                                        color: #990000">
                                        Moscow Mule, till August 31
                                    </div>
                                    Beer in a Bar, Cocktail Bars, Happy Hours in Delhi.
                                </div>
                            </div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div style="clear: both">
        </div>
    </div>
</body>
</html>
